﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMasterPage.Master" AutoEventWireup="true"
    CodeBehind="LiquidFeed.aspx.cs" Inherits="BoozPortal.Pages.LiquidFeed" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        #DivShareSocialMediaButton
        {
            display: none;
            margin-left: 5px;
        }
        #DivShare
        {
            display: none;
            margin-left: 5px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="margin: 15px 0 0 10px">
        <div id="DivUserProfileDetails" style="float: left; margin-right: 10px; width: 300px">
            <div style="margin-left: 10px;">
                <table style="margin: 0px">
                    <tr>
                        <td valign="top">
                            <div id="DivInstituteImage" style="float: left; font-size: 13px; font-weight: bold">
                                <a style="text-align: right"></a>
                                <table>
                                    <tr>
                                        <td valign="top">
                                            <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/UserProfileImage.jpg" Style="border: 1px solid #555;
                                                border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
                                                -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);"
                                                Height="140px" Width="195px"></asp:Image>
                                        </td>
                                        <td valign="bottom">
                                            <div style="margin-left: 5px">
                                                <div style="margin-left: 5px">
                                                    <asp:Label ID="lblUserProfilName" runat="server" Text="Rajeev"></asp:Label>
                                                </div>
                                                <br />
                                                <div>
                                                    <button id="Button1" type="button" runat="server" class="CssButton" style="width: 80px;
                                                        font-size: 12px">
                                                        Edit Profile</button>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div style="float: left">
                                <h1>
                                    My Page</h1>
                            </div>
                            <div style="padding: 10px 0 0 130px">
                                <asp:LinkButton ID="LinkButton1" runat="server">Create</asp:LinkButton>
                            </div>
                            <br />
                            <div style="max-width: 200px; text-align: justify; line-height: 20px; font-weight: bold">
                                <asp:Label ID="lblUserBarAddress" runat="server" Text="                              
                                    COMRADE - Council of Old Monk Rum Addicted Drinkers & Eccentrics! Chelo Kebab lovers
                                    Missing Music of Park Street"></asp:Label>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div>
                                <h2 style="margin: 10px 0 0 0">
                                    Trending Wateringholes</h2>
                                <p>
                                    <a href="#">OlypubKolkata</a>
                                </p>
                                <p>
                                    <a href="#">TantraKolkata</a>
                                </p>
                                <p>
                                    <a href="#">GhettoMumbai</a>
                                </p>
                                <p>
                                    <a href="#">JazzByTheBay</a>
                                </p>
                                <p>
                                    <a href="#">Khalasitola</a>
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="DivUserContent" style="float: left; width: 450px">
            <div style="background: #fff; padding: 10px">
                <div id="DivPromoteWithAnnouncement" style="border: 1px solid #333">
                    <fieldset id="PhotoUpload" style="min-height: 100px; margin: 0px; border: none; border-bottom: 1px solid #666">
                        What's Happening? Write a Review!
                    </fieldset>
                    <div>
                        <table style="width: 427px">
                            <tr>
                                <td>
                                    <button id="Button2" type="button" runat="server" class="CssButton">
                                        Upload Photo/Video</button>
                                    <a>|</a>
                                    <button id="Button4" type="button" runat="server" class="CssButton">
                                        Create Album</button>
                                </td>
                                <td>
                                </td>
                                <td style="text-align: right">
                                    <button id="btnShare" type="button" runat="server" class="CssButton">
                                        Post</button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <br />
            <div style="background: #fff; padding: 10px">
                <div id="Div1" style="border: 1px solid #333">
                    <div>
                        <table>
                            <tr>
                                <td>
                                    <asp:Image ID="imgUserDetails" runat="server" Height="33px" ImageUrl="~/Images/Img001.jpg"
                                        Width="42px" />
                                </td>
                                <td>
                                    <asp:Label ID="lblUserDetails" runat="server" Text="Rajeev Rajput at Zara Tapas Pub, Bangalore"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <fieldset id="Fieldset1" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                        border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                        overflow: hidden">
                        <asp:Image ID="img01" runat="server" ImageUrl="~/Images/HomePageBGI.jpg" GenerateEmptyAlternateText="True"
                            ImageAlign="Middle" Style="max-width: 400px;" />
                    </fieldset>
                    <div>
                        <table>
                            <tr>
                                <td valign="top">
                                    <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/ImgShareButton/LikeButton.jpg"
                                        ToolTip="Like" />
                                </td>
                                <td>
                                    &nbsp;&nbsp; <a onclick="toggleDiv('DivShareSocialMediaButton')">Share</a>
                                </td>
                                <td>
                                    <div id="DivShareSocialMediaButton">
                                        <asp:ImageButton ID="ImgFacebookButton" runat="server" ImageUrl="~/Images/ImgShareButton/FacebookLoginButton.jpg" />
                                        &nbsp;&nbsp;
                                        <asp:ImageButton ID="ImgTwitterButton" runat="server" ImageUrl="~/Images/ImgShareButton/TwitterLoginbutton.jpg" />&nbsp;&nbsp;
                                        <asp:ImageButton ID="ImgPinteresButton" runat="server" ImageUrl="~/Images/ImgShareButton/pinterestLoginButton.jpg" />&nbsp;&nbsp;
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <div style="border-top: 1px solid #666">
                            <table>
                                <tr>
                                    <td>
                                        <asp:Image ID="Image18" runat="server" Height="33px" ImageUrl="~/Images/Img01.jpg"
                                            Width="42px" />
                                    </td>
                                    <td>
                                        <asp:Label ID="Label3" runat="server" Text="Navojit Dutta Chivas on the rocks?! :)"></asp:Label>
                                        <br />
                                        <asp:Label ID="Label4" runat="server" Text=" 24 Mins, Delhi"></asp:Label>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <div style="background: #fff; padding: 10px">
                <div id="Div2" style="border: 1px solid #333">
                    <div style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                        <asp:HyperLink ID="HyperLink1" runat="server" Style="cursor: pointer; text-decoration: inherit"
                            NavigateUrl="~/Pages/Institute.htm">New Annnouncement from Olypub, Park Street, Kolkata</asp:HyperLink>
                    </div>
                    <fieldset id="Fieldset4" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                        border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                        overflow: hidden">
                        <div style="text-align:center;height:100px; background-color:#990000;padding-top:25px">
                        <h4 style="color:#FFF">
                            Happy Hours Extended till 7 PM on Weekdays!!
                            <br />
                            <br />
                            Now Enjoy Your Favorite Drink After Work!!</h4>
                        </div>
                    </fieldset>
                    <div>
                        <table>
                            <tr>
                                <td valign="top">
                                    <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Images/ImgShareButton/LikeButton.jpg"
                                        ToolTip="Like" />
                                </td>
                                <td>
                                    &nbsp;&nbsp; <a onclick="toggleDiv('DivShare')">Share</a>
                                </td>
                                <td>
                                    <div id="DivShare">
                                        <asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/Images/ImgShareButton/FacebookLoginButton.jpg" />
                                        &nbsp;&nbsp;
                                        <asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/Images/ImgShareButton/TwitterLoginbutton.jpg" />&nbsp;&nbsp;
                                        <asp:ImageButton ID="ImageButton7" runat="server" ImageUrl="~/Images/ImgShareButton/pinterestLoginButton.jpg" />&nbsp;&nbsp;
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="border-top: 1px solid #666">
                        <table>
                            <tr>
                                <td>
                                    <asp:Image ID="Image19" runat="server" Height="33px" ImageUrl="~/Images/Img08.jpg"
                                        Width="42px" />
                                </td>
                                <td>
                                    <asp:Label ID="Label5" runat="server" Text="Tarun Gandhi    Anyone joining me on this Fri @ 5 PM?"></asp:Label>
                                    <br />
                                    <asp:Label ID="Label6" runat="server" Text="2 hours, Kolkata"></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <br />
            <div style="background: #fff; padding: 10px">
                <div id="Div3" style="border: 1px solid #333">
                    <div style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                        <table>
                            <tr>
                                <td>
                                    <asp:Image ID="Image21" runat="server" Width="35px" Height="35px" 
                                        ImageUrl="~/Images/Img05.jpg" />
                                </td>
                                <td style="font-family: 'Arial Regular', 'Arial'; font-weight: 400">
                                    <asp:HyperLink ID="HyperLink2" runat="server" Style="cursor: pointer; text-decoration: inherit"
                                        NavigateUrl="~/Pages/Product.htm">Smirnoff India has updated their page</asp:HyperLink>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <fieldset id="Fieldset5" style="min-height: 100px; margin: 0px; border: none; border-top: 1px solid #666;
                        border-bottom: 1px solid #666; text-align: center; background-attachment: fixed;
                        overflow: hidden">
                        <div>
                            <table>
                                <tr>
                                    <td>
                                        <asp:Image ID="Image22" runat="server" Width="150px" Height="110px" 
                                            Style="padding: 5px" ImageUrl="~/Images/SocialMedia03.jpg" />
                                    </td>
                                    <td style="text-align: left">
                                        <asp:Label ID="Label9" runat="server" Text="Join the Smirnoff Show!
                              20 - 22 Dec, Baga Beach, Goa" Font-Size="Large"></asp:Label>
                                    </td>
                            </table>
                        </div>
                    </fieldset>
                    <div>
                        <p style="margin:0px">
                            Your 5 Friends got passes
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <div id="DivUserFriendsImages" style="float: right; margin-right: 10px; width: 475px">
            <div style="background: #fff; padding: 10px">
                <div style="border: 1px solid #333">
                    <asp:Label ID="Label1" runat="server" Text="Your new review" Height="20px" Style="padding: 5px"></asp:Label>
                    <fieldset id="Fieldset2" style="min-height: 75px; margin: 0px; border: none; border-top: 1px solid #666">
                        <table>
                            <tr>
                                <td>
                                    <asp:Image ID="Image1" CssClass="newReview" runat="server" 
                                        ImageUrl="~/Images/Img001.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Img2" CssClass="newReview" runat="server" 
                                        ImageUrl="~/Images/Img01.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Img3" CssClass="newReview" runat="server" 
                                        ImageUrl="~/Images/Img03.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Img4" CssClass="newReview" runat="server" 
                                        ImageUrl="~/Images/Img04.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Img5" CssClass="newReview" runat="server" 
                                        ImageUrl="~/Images/Img05.jpg">
                                    </asp:Image>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </div>
            </div>
            <br />
            <div id="DivPeopleWhoLikedYou" style="background: #fff; padding: 10px">
                <div style="border: 1px solid #333">
                    <asp:Label ID="Label2" runat="server" Text="People who liked you" Height="20px" Style="padding: 5px"></asp:Label>
                    <fieldset id="Fieldset3" style="min-height: 75px; margin: 0px; border: none; border-top: 1px solid #666">
                        <table>
                            <tr>
                                <td>
                                    <asp:Image ID="Image3" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img08.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image4" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img07.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image5" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img06.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image6" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img05.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image7" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img04.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image8" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img05.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image9" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img03.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image10" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img01.jpg">
                                    </asp:Image>
                                </td>
                            </tr>
                             <tr>
                            <td>
                            </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Image ID="Image11" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img001.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image12" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img03.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image13" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img08.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image14" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img03.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image15" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img01.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image16" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img07.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image17" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img001.jpg">
                                    </asp:Image>
                                </td>
                                <td>
                                    <asp:Image ID="Image20" CssClass="PeopleLiked" runat="server" 
                                        ImageUrl="~/Images/Img06.jpg">
                                    </asp:Image>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
